<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <div>
            <aside>
                <ul></ul>
            </aside>
            <section>
            </section>
        </div>
        <script type="text/template" id="contact-list">
            <% for (var i = 0; i < contacts.length; i++) { 
            var contact = contacts[i];
            %>
            <li><a href="#userid/<%= contact.userId %>"><%= contact.firstName %></li>
            <% } %>
        </script>
        <script type="text/template" id="contact-details">
            <p>
                <strong>Name :</strong>
                <%=contact.firstName%>
                <%=contact.lastName%>
            </p>
            <p>
                <strong>Email :</strong>
                <%=contact.emailAddress%>
            </p>
            <p>
                <strong>Phone :</strong>
                <%=contact.phoneNumber%>
            </p>
        </script>            
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
        <script src="activity.js"></script>
    </body>
</html>
